<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>类型信息</title>
    <script src="${pageContext.request.contextPath}../static/jquery/jquery.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}../static/bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}../static/layui/layui.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}../static/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}../static/bootstrap/js/bootstrap.min.js"></script>

    <style type="text/css">

        .top{
            padding-left: 70px;
            margin-top: 30px;
            font-family: "华文楷体";
            font-size: 20px;
        }

        .tab{
            padding-left: 70px;
            width: 1000px;
            padding-top: 30px;

        }

        .tdH{
            width: 150px;
            height: 25px;
        }
        .tags{

            margin-left: 637px;
            padding-top: 30px;

        }
        .box{
            float: left;
            height: 38px;
            width: 90px;
            font-size: 18px;
            font-family: 楷体;
            border: 1px gainsboro solid;
            border-radius: 6px;
            line-height: 38px;
            text-align: center;
            margin: 10px;
            background-color: white;
        }
        .box:hover{
            background-color: #4e6ef2;
            color: white;
        }
        .box a {
            text-decoration: none;
        }
        .box a:hover{
            color: white;
        }



    </style>
</head>
<body>

<div class="top">

    <p>
        博客类型
    </p>
    <hr width="1000px">
</div>



<div class="tab">
    <div>
    <button onclick="" class="layui-btn layui-btn-normal">+ 新增</button>

        <div class="layui-inline" style="padding-left: 410px">
            <input type="text" name="quest" placeholder="请输入查询关键字" class="layui-input">
        </div>
            <button class="layui-btn" onclick="" >查询</button>
        </div>
    <table class="layui-table tab" >
        <thead>
        <tr >
            <th>类型ID</th>
            <th>类型名称</th>
            <th>类型描述</th>
            <th>类型创建时间</th>
            <th>类型博客总条数</th>
            <th>操作</th>

        </tr>
        </thead>
        <tbody >
        <c:forEach var="type" items="${types}">
        <tr style="height: 50px">
            <td class="tdH" >${type.type_id}</td>
            <td class="tdH">${type.type_name}</td>
            <td class="tdH">${type.description}</td>
            <td class="tdH">${type.create_time}</td>
            <td class="tdH">1</td>

            <td>
                <button onclick="" class="layui-btn layui-btn-warm " >☍ 更新</button>
                <button onclick="" class="layui-btn layui-btn-danger">-  删除</button>
            </td>
        </tr>
        </c:forEach>
        </tbody>
    </table>
</div>

<div class="tags">

        <a href="#" > <span class="box">首页</span></a>
        <a href="#" > <span class="box">上一页</span></a>
        <a href="#" > <span class="box">下一页</span></a>
        <a href="#" > <span class="box">尾页</span></a>

</div>
</body>
</html>
